<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 引入 jQuery Mobile 样式 -->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

    <!-- 引入 jQuery 库 -->
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

    <!-- 引入 jQuery Mobile 库 -->
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <title>管理后台</title>
</head>
<body>
<div data-role="page" id="pageone">
    <div data-role="header">
        <h1>后台</h1>
    </div>

    <div data-role="main" class="ui-content">
        <h2>用户情况</h2>
        <table data-role="table"  class="ui-responsive" id="myTable">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>邮箱</th>
                    <th>状态</th>
                    <th>加入时间</th>
                    <th>发送时间</th>
                </tr>
            </thead>
            <tr  th:each="info,infoStat : ${users}" >
                <td th:text="${infoStat.index}"></td>
                <td th:text="${info.userEmail}"></td>
                <td th:text="${info.status}"></td>
                <td th:text="${info.createTime}"></td>
                <td th:text="${info.sendTime}"></td>
            </tr>
        </table>

        <h2>通知情况</h2>
        <table data-role="table"  class="ui-responsive" id="myTable1">
            <thead>
            <tr>
                <th>ID</th>
                <th>标题</th>
                <th>加入时间</th>
            </tr>
            </thead>
            <tr  th:each="info,infoStat : ${notices}" >
                <td th:text="${infoStat.index}"></td>
                <td th:text="${info.noticeTitle}"></td>
                <td th:text="${info.createTime}"></td>
            </tr>
        </table>
        <h2>扫描情况</h2>
        <table data-role="table"  class="ui-responsive" id="myTable2">
            <thead>
            <tr>
                <th>ID</th>
                <th>时间</th>
            </tr>
            </thead>
            <tr  th:each="info,infoStat : ${renews}" >
                <td th:text="${infoStat.index}"></td>
                <td th:text="${info.renewTime}"></td>
            </tr>
        </table>
    </div>

    <div data-role="footer">
        <h1>WaiterXiaoYY</h1>
    </div>
</div>
</body>
</html>